<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<script type="text/javascript">
window.onload = function (){
	var oUl = document.getElementById('list');

	alert(oUl.children.length);
/*
	标准下	：5								只包含元素类型的节点，包括了非法嵌套的元素
	非标准下：高于IE7：5 ;低等于IE7：4		只包含元素类型的节点，IE7以下不包括非法嵌套的元素

	虽然如此，但总的来说children只认元素类型都标签
*/

	for (var i = 0; i < oUl.children.length; i++) {
		oUl.children[i].style.backgroundColor = 'red';
	};
}
</script>
</head>
<body>

<ul id="list" style="border:1px solid red">
	<li>1111<span>0000</span></li>
	<li>2222</li>
	<li>3333</li>
	<li>4444</li>
	<p>aaaa</p>
</ul>
</body>
</html>